<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>侧边栏</title>
	<style>
		.sp{

			width: 100px;
			height: 100px;
			background-color: red;
			border-radius:50%;
			text-align: center;
			line-height: 90px;
		}
	</style>
</head>
<body>
	
	<div style="border:1px solid white;width:300px;height:800px;float: right;">
		<div style="background-color: black;width: 250px;height:100%;float: left;display: none;" id="info"></div>
		<div style="background-color: #FFB6C1;width: 50px;height:100%;float: right;">
			<div style="width: 100%;height: 40%"></div>
			<div style="width: 100%;height: 20%;background-color: yellow;" id="btn"></div>
			<div style="width: 100%;height: 40%;"></div>
		</div>
	</div>
</body>
</html>
<script type="text/javascript" src="/Public/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
$("#btn").on('click',function(){
	$("#info").slideToggle("normal","linear");
});

//弹弹球

</script>